:root {
    --color-primary: #165DFF;
    --color-success: #00B42A;
    --color-warning: #FF7D00;
    --color-danger: #F53F3F;
    --color-text-primary: #1D2129;
    --color-text-secondary: #4E5969;
    --color-text-placeholder: #86909C;
    --color-border: #E5E6EB;
    --color-bg: #F2F3F5;
    --color-bg-white: #FFFFFF;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    --shadow-sm: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

/* 所有元素都生效*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    color: var(--color-text-primary);
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: var(--color-primary);
}

/* Element Plus 覆盖样式 - 模拟 Arco Design */
.el-button--primary {
    --el-button-bg-color: var(--color-primary);
    --el-button-border-color: var(--color-primary);
    --el-button-hover-bg-color: #4080FF;
    --el-button-hover-border-color: #4080FF;
}

.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--color-border) inset;
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--color-primary) inset;
}

.el-card {
    border: none;
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

.el-table {
    --el-table-header-bg-color: #F7F8FA;
    --el-table-header-text-color: var(--color-text-primary);
    border-radius: var(--border-radius-medium);
}

.el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
    background-color: var(--color-primary);
}

/* 通用布局类 */
.main-container {
    padding: 20px;
    background-color: var(--color-bg);
    min-height: calc(100vh - 60px);
}

.content-card {
    background: var(--color-bg-white);
    padding: 20px;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-sm);
}
